<div class="row">
    <navs class="col-12" data="$ctrl.navs" prefix="'module-nav'" model="'nav-related'"></navs>
</div>
<hr />
<div class="row">
    <div class="col-8">
        <table class="table table-sm table-hover">
            <thead class="thead-light">
                <tr>
                    <th scope="col">Title</th>
                    <th scope="col" width="15%">Image</th>
                    <th scope="col" width="10%"></th>
                </tr>
            </thead>
            <tbody class="sortable" ng-init="$ctrl.load(0)">
                <tr ng-repeat="item in $ctrl.data.items track by $index">
                    <td>
                        <span class="small" ng-bind="item.description"></span>
                    </td>
                    <td>
                        <img class="rounded" height="25" ng-src="{{item.image}}" />
                    </td>
                    <td>
                        <span class="form-check form-switch position-absolute">
                            <input type="checkbox" class="form-check-input" ng-model="item.isActived"
                                ng-change="$ctrl.activeItem(item,$index)" id="{{$ctrl.prefix}}_{{item.id}}"
                                value="true" />
                            <label class="custom-control-label m-0 small" for="{{$ctrl.prefix}}_{{item.id}}">
                            </label>
                        </span>
                    </td>
                </tr>
            </tbody>
        </table>
        <paging class="small" page="$ctrl.data.page" page-size="$ctrl.data.pageSize" total="$ctrl.data.totalItems"
            scroll-top="'false'" ul-class="pagination pagination-sm justify-content-end m-0" a-class="page-link"
            paging-action="$ctrl.load(page-1)" scroll-top="'false'"></paging>
    </div>
    <div class="col-4">
        <post-filter-list request="$ctrl.request" categories="$ctrl.categories" post-types="$ctrl.postTypes"
            callback="$ctrl.load(pageIndex)"></post-filter-list>
    </div>
</div>